/**
 * 此文件是用来二次封装Axios的，因为当前项目的目标服务器是一个
 * 为了将来更好的维护 需要统一设置一下
 */

// 1. 引入axios
import axios from 'axios'
import 'nprogress/nprogress.css'; // 先引入css样式
import NProgress from 'nprogress'  // 引入  设置开启与结束
// 2. 创建axios实例对象
const ajax = axios.create({
  // 设置统一的目标服务器地址
  // baseURL: 'http://sph-h5-api.atguigu.cn',
  baseURL:'/api',
  // 设置超时时间
  timeout:5000
})
// 3. 添加请求拦截器 只要发送请求一定会先走请求拦截器
ajax.interceptors.request.use(config => {
  // 可以统一设置进度条
  NProgress.start()
  // 后面还可以在此进行统一token的设置
  return config
}, error => {
  return Promise.reject(error);
})
// 4. 添加响应拦截器  只要有数据从服务器端响应回来一定会先走响应拦截器
ajax.interceptors.response.use(response => {
  NProgress.done()
  return response.data
}, error => {
  NProgress.done()
  // return error  一定一定不要返回非Promise的任意值 因为会被后续当成成功 从而走成功的回调函数
  return Promise.reject(new Error(error.message));
})
// 5. 向外导出实例对象
export default ajax